<template>
	<!-- 规格弹窗 -->
	<su-popup :show="show" round="40" showClose backgroundColor="#151515" @close="emits('close')">
		<view class="author-box">
			<view class="author-box-t">选择发行方</view>
			<view class="author-box-l">
				<view class="author-box-l-item active">全部作者</view>
				<view class="author-box-l-item">九丝城宇宙</view>
				<view class="author-box-l-item">九丝城宇宙</view>
				<view class="author-box-l-item">九丝城宇宙</view>
			</view>
		</view>
	</su-popup>
</template>

<script setup>
	import {
		computed,
		reactive,
		watch
	} from 'vue';
	import sheep from '@/sheep';

	const props = defineProps({
		show: {
			type: Boolean,
			default: false,
		},
	});
</script>

<style lang="scss" scoped>
	.author-box{
		width: 100%;
		padding: 50rpx 0;
		position: relative;
		.author-box-t{
			text-align: center;
			margin-bottom: 30rpx;

			font-weight: 400;
			font-size: 36rpx;
			color: #F5F6F8;
		}
		.author-box-l{
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			margin: 0 30rpx;
			.author-box-l-item{
        width: calc((750rpx - 80rpx) / 2);
				height: 84rpx;
				margin-top: 30rpx;
				line-height: 84rpx;
				text-align: center;
				background: #1E1E1E;
				border-radius: 42rpx;

				font-weight: 400;
				font-size: 30rpx;
				color: #767676;
			}
			.active{
				color: #13C093;
			}
		}
	}
</style>
